.headerTop {
  height: 60px;
  width: 100%;
  background-color: #333;
}

.headerTop nav {
  display: flex;
  justify-content: space-between;
}

.headerTop nav ul {
  display: flex;
  flex: 6;
  justify-content: space-between;
}

.headerTop nav ul li {
  font-size: 12px;
  line-height: 60px;
}

.headerTop nav ul li a {
  color: #b0b0b0;
}

.headerTop nav .LoginModule {
  line-height: 60px;
  flex: 3;
  display: flex;
  justify-content: flex-end;
}

.headerTop nav .LoginModule > a {
  margin: 0 20px;
  color: #b0b0b0;
}

.headerTop nav .LoginNone {
  line-height: 60px;
  flex: 3;
  display: flex;
  justify-content: flex-end;
  display: none;
}

.headerTop nav .LoginNone > i {
  margin: 0 20px;
  color: #b0b0b0;
}

.headerTop nav .LoginNone > i > b {
  color: orange;
}

.headerTop nav .ShoppingCart {
  display: flex;
  justify-content: flex-end;
  line-height: 60px;
  flex: 1;
}

.headerTop nav .ShoppingCart > a {
  color: #b0b0b0;
}

.headerButton {
  display: flex;
  height: 100px;
}

.headerButton ul {
  line-height: 100px;
  display: flex;
  justify-content: space-between;
}

.headerButton ul .logo {
  display: flex;
}

.headerButton ul > li > a {
  color: #333;
  font-size: 14px;
}

.headerButton ul .search > input {
  border: 1px solid #ccc;
  width: 245px;
  height: 50px;
}

.headerButton ul .search > a {
  color: #ccc;
}

.headerButton ul .search > a > i {
  margin-left: 10px;
  width: 52px;
  height: 50px;
}
